<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Registration form</title>
    <link rel="stylesheet" href="./assets/style/main.scss" />
    <link rel="stylesheet" href="./assets/style/_registr.scss">
    <link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico" />
  <link rel="shortcut icon" href="/assets/images/favicon.ico" />
</head>
<body>
   <div class="container style-regist">
    <header class="header">
        <div class="header__logo logo">
          <a href="./index.html" class="logo__item"><img src="./assets/images/logo_black.svg" alt="" class="logo__picture"><img src="./assets/images/logo_text_black.svg" alt="" class="logo__picture logo__picture_text"></a>
        </div>
      </header>

    <main class="main-reg">
        <div class="main-reg__container" id="invisibleOne">
            <h2 class="main-reg__title">КиноКосмос</h2>
            <p class="main-reg__text">Зарегистрироваться</p>
            <div class="main-reg__container-form">
                <form class="main-reg__info form" name="oneForm" novalidate>
                    <div class="form__name location">
                        <label for="textName" class="form__name-text text">Имя пользователя</label>
                        <input type="text" placeholder="Введите имя..." name="secondName" class="form__name-input" id="textName" minlength="2" pattern="^[А-Яа-яЁёa-zA-Z]+$" required>

                        <p class="form__name-error error-text"></p>
                    </div>
                    <div class="form__email location">
                        <label for="textEmail" class="form__email-text text">Email</label>
                        <input type="email" name="secondName" class="form__email-input" id="textEmail" pattern="" placeholder="Введите email..." required>

                        <p class="form__email-error error-text"></p>
                    </div>
                    <div class="form__password location">
                        <label for="secondPassword" class="form__password-text text">Пароль</label>
                        <input name="secondName" type="password" class="form__password-input" id="secondPassword" placeholder="Введите пароль..." minlength="8" required>

                        <p class="form__password-error error-text"></p>
                    </div>
                    <div class="form__passrep location">
                        <label for="repeatPassword" class="form__passrep-text text">Повторите пароль</label>
                        <input type="password" name="secondName" class="form__passrep-input" id="repeatPassword"  placeholder="Повторите пароль..."  minlength="8" required>

                        <p class="form__passrep-error error-text"></p>
                    </div>
                    <div class="form__secret location">
                        <label for="textSecret" class="form__secret-text text">Кодовое слово</label>
                        <input type="text" placeholder="Введите кодовое слово..." name="secondName" class="form__secret-input" id="textSecret" minlength="2" required>
                        <p class="form__secret-error error-text"></p>
                    </div>
                    <div class="form__checkbox">
                        <input id="formAgreement" class="form__checkbox-input" type="checkbox" name="secondCheckbox" required>
                        <label for="formAgreement" class="form__checkbox-text text"><span>Согласие на обработку персональных данных</span></label>
                    </div>

                    <div class="form__btn">
                        <button class="form__btn-text" id="btnText">Зарегистрироваться</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="main-reg__container" id="invisibleTwo">
            <div class="main-reg__question">
                <p class="main-reg__question-text">Уже есть аккаунт?</p>
                <button class="main-reg__question-btn" id="btnComeIn">Войдите</button>
            </div>
        </div>
        <div class="main-reg__container see" id="resultOk">
        </div>
    </main>
   </div>

    <script type="module" src="./src/registr.js"></script>
</body>
</html>
